<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<title>直播首页</title>
<link href="__CSS__style.css" type="text/css" rel="stylesheet">
<script src="__JS__jquery-1.9.1.min.js" type="text/javascript"></script>
<style type="text/css">
.online-text i{margin-right:3px;display: inline-block;font-size:16px;line-height:20px;}
.online-text b{font-size: 12px; line-height: 18px;}
</style>
</head>

<body>
<div class="w2 w-tab">
  <!--正在直播-->
  <volist name="list" id="v">
    <if condition="((date('Y-m-d H:i:s') gt $v['live_startdate']) or (date('Y-m-d H:i:s') eq $v['live_startdate'])) and ((date('Y-m-d H:i:s') lt $v['live_enddate']) or (date('Y-m-d H:i:s') eq $v['live_enddate']))">
        <div class="pic-box">
          <a href="{:U('liveitem',array('liveID'=>$v['id']))}" class="online-video">
          <img src="{$v['live_img']}">
          <span><img src="__IMG__fvideoplay.png"></span>
          </a>
          <em class="tag-style" style="position:absolute;top:0;left:0;width:25%"><img src="__IMG__tag-online01.png" style="width:100%"></em>
        </div>
        <div class="online-text">
          <h4>{$v['live_name']}</h4>
          <p>
              <i class="online">&#xe620;</i><b>{$v['live_startdate']}<br>{$v['live_enddate']}</b>
          </p>
          <span>
            <if condition="($v.live_pre eq 0) or ($v.live_pre eq '')">
              {$v.live_dirll}<i class="online" style="font-weight:normal">&#xe646;</i>
              <else />
              ￥{$v.live_pre}
            </if>
          </span>
        </div>
    </if>
  </volist>

  <!--没开始-->
  <volist name="list" id="v">
    <if condition="date('Y-m-d H:i:s') lt $v['live_startdate']">
      <div class="pic-box">
        <a href="{:U('liveitem',array('liveID'=>$v['id']))}" class="online-video">
          <img src="{$v['live_img']}">
          <span><img src="__IMG__fvideoplay.png"></span>
        </a>
        <em class="tag-style" style="position:absolute;top:0;left:0;width:30%"><img src="__IMG__tag-online02.png" style="width:100%"></em>
      </div>
      <div class="online-text">
        <h4>{$v['live_name']}</h4>
        <p>
          <i class="online">&#xe620;</i><b>{$v['live_startdate']}<br>{$v['live_enddate']}</b>
        </p>
        <span>
          <if condition="($v.live_pre eq 0) or ($v.live_pre eq '')">
            {$v.live_dirll}<i class="online" style="font-weight:normal">&#xe646;</i>
            <else />
            ￥{$v.live_pre}
          </if>
        </span>
      </div>
    </if>
  </volist>

  <!--已结束-->
  <volist name="list" id="v">
    <if condition="date('Y-m-d H:i:s') gt $v['live_enddate']">
      <div class="pic-box">
        <a href="{:U('liveitem',array('liveID'=>$v['id']))}" class="online-video">
          <img src="{$v['live_img']}">
          <span><img src="__IMG__fvideoplay.png"></span>
        </a>
        <em class="tag-style" style="position:absolute;top:0;left:0;width:30%"><img src="__IMG__tag-online03.png" style="width:100%"></em>
      </div>
      <div class="online-text">
        <h4>{$v['live_name']}</h4>
        <p>
          <i class="online">&#xe620;</i><b>{$v['live_enddate']}</b>
        </p>
        <span>
          <if condition="($v.live_pre eq 0) or ($v.live_pre eq '')">
            {$v.live_dirll}<i class="online" style="font-weight:normal">&#xe646;</i>
            <else />
            ￥{$v.live_pre}
          </if>
        </span>
      </div>
    </if>
  </volist>
</div>

<!--footer-->
<div class="footer">
  <a class="hover"><i class="online my-icon2 onlinebg01">&#xe626;</i><br/>直播列表</a>
  <a href="#"><i class="online my-icon2" style="width:28px;height:28px;line-height:23px;display:inline-block;margin-bottom: 2px;font-size: 24px;">&#xe60f;</i><br/>直播商城</a>
  <a href="http://hrshop.hrtv.cn/index.php?controller=ucenter&action=index&livefavor=1"><i class="online my-icon2 onlinebg02">&#xe606;</i><br/>个人中心</a>
</div>
<script type="text/javascript">
  $(document).ready(function($) {
//    $(".w-tab").eq(0).show();
//    $(".footer a").click(function(event) {
//      $(this).addClass('hover').siblings('.footer a').removeClass('hover');
//      $(".w-tab").eq($(this).index()).show().siblings(".w-tab").hide();
//    });

    $(".float-box").click(function(event){
      event.stopPropagation();
    });
    $(".poplayer").click(function(event){
      $(".float-box").hide();
      $(this).hide();
      event.stopPropagation();
    });

    $(".pay-rule").click(function(){
      $(".poplayer").show();
      $(".explain").show();
    });

    $(".explain .close-icon").click(function(){
      $(".poplayer").hide();
      $(".explain").hide();
    });

  });
</script>
</body>
</html>
